<markdown>
  # 禁止日期
</markdown>

<template>
  <div class="flex flex-col flex-wrap gap-4">
    <b>禁止每月15号</b>
    <x-calendar v-model:value="value" :disabled-date="date => date.date() == 15" />
    <b>禁止过去日期</b>
    <x-calendar v-model:value="value" :disabled-date="date => date.isBefore(new Date(), 'day')" />
    <b>禁止未来日期</b>
    <x-calendar v-model:value="value" :disabled-date="date => date.isAfter(new Date(), 'day')" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import moment from 'moment'

const value = ref(moment())
</script>
